<!DOCTYPE html>
<html>
  <head>
    <title>PeopleTube Home</title>
	<script type="text/javascript">
		function showLoginWindow(mod)
		{
			login = document.getElementById("accesso");
			back = document.getElementById("supreme");
			
			if (mod)
			{
				login.style.display = 'block';
				back.style.display = 'block';
			} else {
				login.style.display = 'none';
				back.style.display = 'none';
			}
		}
	</script>
    <style type="text/css">
			@import url(stili.css);
    </style>

	</head>
  <body >
<div id="supreme" onclick="showLoginWindow(false);"></div>
    <div id="contenitore">
			<div id="header">
				<div id="logo">
					<b>PeopleTube</b>
				</div>
				<div id="account">
					Benvenuto, visitatore | <a style="cursor:pointer;" onclick="showLoginWindow(true);">Login</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			
			<div id="accesso">
				<span><b>Accedi</b></span>
				<form action="dologin.php" method="post">
					<input type="text" name="campoNome" id="campoNome" class="inputForm"><br>
					<input type="password" name="campoPass" id="campoPass" class="inputForm">
					<input type="submit" value="Accedi">
				</form>
			</div>
			
			<div style="clear: right;"></div>
			
			<div class="navBar">&nbsp;</div>
			<div class="avvisi">
				<span>Benvenuto in <b>PeopleTube</b>. Ti invitiamo a registrarti per un'esperienza completa. Clicca su Signin.</span>
			</div>
			<div id="middle">
				<div id="menuSinistro">
				
					<div class="navBar">
						&nbsp;
					</div>
					<div class="sideNav">
						<button type="button">Carica video</button>
					</div>
					
					
					<div class="navBar" style="margin-top: 10px;">
						&nbsp;
					</div>
					<div class="sideNav">
						<!-- Inizo lista files -->
						<h1>I tuoi video</h1>
						<hr style="border: 1px solid #FF7373;">
						<table>
							<tr onclick="#" style="cursor:pointer" id="colorata"><td>Due.mp4</td></tr>
							<tr onclick="#" style="cursor:pointer"><td>Vacanze.mov</td></tr>
							<tr onclick="#" style="cursor:pointer" id="colorata"><td>Nicola.mp4</td></tr>
							<tr onclick="#" style="cursor:pointer"><td>Pizza.mov</td></tr>
							<tr onclick="#" style="cursor:pointer" id="colorata"><td>Esperimento.mp4</td></tr>
							<tr onclick="#" style="cursor:pointer"><td>Granate.mov</td></tr>
							<tr onclick="#" style="cursor:pointer" id="colorata"><td>Fumogeni.mp4</td></tr>
							<tr onclick="#" style="cursor:pointer"><td>Alieni.mov</td></tr>
							<tr onclick="#" style="cursor:pointer" id="colorata"><td>Rocco.mp4</td></tr>
							<tr onclick="#" style="cursor:pointer"><td>Paperissima.mov</td></tr>
							<tr onclick="#" style="cursor:pointer" id="colorata"><td>Fuego.mp4</td></tr>
							<tr onclick="#" style="cursor:pointer"><td>Ginger.mov</td></tr>
						</table>
						<!-- Fine lista files -->
					</div>
				</div>
				
				<!-- tutti i video pizza -->
				<div id="contenuti">
					<table>
						<tr onclick="#" style="cursor:pointer" class="alternate"><td>Due.mp4</td></tr>
						<tr onclick="#" style="cursor:pointer"><td>Vacanze.mov</td></tr>
						<tr onclick="#" style="cursor:pointer" class="alternate"><td>Nicola.mp4</td></tr>
						<tr onclick="#" style="cursor:pointer"><td>Pizza.mov</td></tr>
						<tr onclick="#" style="cursor:pointer" class="alternate"><td>Esperimento.mp4</td></tr>
						<tr onclick="#" style="cursor:pointer"><td>Granate.mov</td></tr>
						<tr onclick="#" style="cursor:pointer" class="alternate"><td>Fumogeni.mp4</td></tr>
						<tr onclick="#" style="cursor:pointer"><td>Alieni.mov</td></tr>
						<tr onclick="#" style="cursor:pointer" class="alternate"><td>Rocco.mp4</td></tr>
						<tr onclick="#" style="cursor:pointer"><td>Paperissima.mov</td></tr>
						<tr onclick="#" style="cursor:pointer" class="alternate"><td>Fuego.mp4</td></tr>
						<tr onclick="#" style="cursor:pointer"><td>Ginger.mov</td></tr>
					</table>
				</div>
				<!-- fine video pizza -->
				<div style="clear: both;"></div>
			</div>
			<div id="footer">
				<span>Realizzato da Alfonso La Porta e Mario Ferraro.</span>
			</div>
    </div>
  </body>
</html>
